import React from "react";
// 外联模式
import "./css.css";
class css extends React.Component {
   // 声明模式 类似小程序
  render() {
  
    console.log(this.props.location, "this.props.location.query======== ");
    let str = this.props.location.query; // 路由匹配 // 声明模式 类似小程序
    let mystyle = {
        backgroundColor: 'yellow',
        fontSize: '24px',
        textAlign: 'center'
    }
    return (
      <div>
        <h1>外联模式 {str} css</h1>
        <div style={{ color: '#ff0' }} >内联模式</div>
        <div style={mystyle}>变量模式</div>
      </div>
    );
  }
}

export default css;
